<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.basicRegistrDate{
			    display:flex;
			    margin:100px 0px 25px;
			}
			.basicRegistrDate input{
			    width:136px;
			    height: 30px;
			    background:rgba(255,255,255,1);
			    border-radius:4px;
			    border:1px solid rgba(217,217,217,1);
			    padding-left:10px;
			    padding-right:25px;
			}
			.basicRegistrDate >span{
			 margin:0px 10px;
			}
			.basicRegistrDate .basicRegistrline1:after{
			    content:'';
			    position:absolute;
			    right:5px;
			    top:8px;
			    width:15px;
			    height: 15px;
			    display: inline-block;
			    background: url(./images/date.png);
			    background-size: 100% 100%;
			}
			.basicRegistrDate >button{
			    width:56px;
			    height:30px;
			    background:rgba(61,110,248,1);
			    border-radius:3px;
			    border:0;
			    outline:none;
			    margin-left:30px;
			    font-size:12px;
			    font-family:MicrosoftYaHei;
			    color:rgba(255,254,254,1);
			    line-height:12px;
			}
			.basicRegistrline1{
			  position:relative;
			}
		</style>
		<link rel="stylesheet" href="./jeDate/skin/jedate.css">
	</head>
	<body>
		<div class="basicRegistrDate">
			<div class="basicRegistrline1"><input type="text" id="test1" placeholder="请选择开始时间" autocomplete="off"></div>
			<button>查询</button>
		</div>
	</body>
	<script src="./jeDate/jedate.min.js"></script>
	<script>
		let myDate = new Date();
		let year = myDate.getFullYear();
		let month = myDate.getMonth() >= 10 ? myDate.getMonth() : '0' + myDate.getMonth();
		jeDate("#test1", {
			theme: {
				bgcolor: "#00A1CB",
				color: "#ffffff",
				pnColor: "#00CCFF"
			},
			isinitVal: true,
			initDate: [{
				YYYY: year,
				MM: month
			}, false],
			format: "YYYY-MM",
			isToday:false,
			maxDate:year+'-'+month,
			 // donefun:function(obj) {
			 //  console.log(obj);
			 // },//点击确定后的回调函数
		});
	</script>
</html>
